<template>
	<!-- 分期值商品 抢购区商品   我要买 我要卖 -->
	<view class="indstallment">
		<view class="installment-buying">
			<view class="installment-goods">
				<view class="ins-text">
					分期值商品
				</view>
			</view>
			<view class="buying-goods">
				<view class="buy-text">
					抢购区商品
				</view>
			</view>
		</view>
		<view class="my-buy">
			<view class="buy"></view>
			<view class="sell"></view>
		</view>
		<view class="reg-service">
			<image src="/static/home/reg-service.png"></image>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less">
	.indstallment {
		width: 100%;
		// height: 300rpx;
		.installment-buying{
			display: flex;
			justify-content:space-between;
			padding:26rpx 32rpx 0 32rpx;
			view {
				// border:1px solid red;
				width:332rpx;
				height:176rpx;
				font-size:40rpx;
				background-size: 100%;
				background-repeat:no-repeat;
				text-align:center;
				line-height:176rpx;
				font-family:PingFangSC-Semibold,PingFang SC;
				font-weight:600;
				color:rgba(255,255,255,1);
				text-shadow:0px 2px 4px rgba(0,0,0,0.11);
			}
			.installment-goods{
				
				.ins-text{
					background:linear-gradient(180deg, rgba(255,188,178,1) 0%, rgba(255,255,255,1) 100%);
					-webkit-background-clip:text;
					-webkit-text-fill-color:transparent;
				}
				background-image: url(../../static/home/fenqi.png);
				
				
			}
			.buying-goods{
				.buy-text {
					background:linear-gradient(180deg, rgba(173,191,255,1) 0%, rgba(255,255,255,1) 100%);
					-webkit-background-clip:text;
					-webkit-text-fill-color:transparent;
				}
				background-image: url(../../static/home/qianggou.png);
			}
		}
		.my-buy {
			display: flex;
			justify-content: space-between;
			padding:20rpx 32rpx 18rpx 32rpx;
			view {
				width: 332rpx;
				height: 117rpx;
				border-radius:16rpx;
			}
			.buy {
				background-image: url(../../static/home/buy.png);
				background-size: 100%;
			}
			.sell {
				background-image: url(../../static/home/sell.png);
				background-size: 100%;
			}
		}
		.reg-service {
			width: 630rpx;
			height: 166rpx;
			// border:1px solid red;
			margin:auto auto 90rpx auto;
			image{
				// padding:0;
				display:block;
				width: 100%;
				height: 100%;	
			}
			// background-image: url(../../static/home/reg-service.png);
			// background-size: 100%;
		}
	}
</style>
